<!DOCTYPE html>
<html>
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <style>
    table{border-collapse: collapse;width:100%;border:1px solid #c6c6c6 !important;margin-bottom:20px;}
	table th{border-collapse: collapse;border-right:1px solid #c6c6c6 !important;border-bottom:1px solid #c6c6c6 !important;background-color:#ddeeff !important; padding:5px 9px;font-size:14px;font-weight:normal;text-align:center;}
	table td{border-collapse: collapse;border-right:1px solid #c6c6c6 !important;border-bottom:1px solid #c6c6c6 !important; padding:5px 9px;font-size:12px;font-weight:normal;text-align:center;word-break: break-all;}
	table tr:nth-child(odd){background-color:#fff !important; }
	table tr:nth-child(even){background-color: #f8f8f8 !important;}
    </style>
  </head>
  <body>
	<div style="min-width:500px;">
		<div id="list"></div>
		<div style="width:100;padding:10px;">
			<label>提示时间: </label>
			<input type="text" id="time" value="" />
		</div>
		<div style="width:100;padding:10px;">
			<label>提示标题: </label>
			<input type="text" id="title" value="提醒标题哦" />
		</div>
		<div style="width:100;padding:10px;">
			<label>提示内容: </label>
			<textarea id="message" >中华人民共和国</textarea>
		</div>
		<div style="width:100;padding:10px;">
			<label>点击打开: </label>
			<input type="text" id="url" value="" />
		</div>
		<hr />
		<div style="width:100;padding:10px;">
			<button id="newTask" >新增任务</button>
			<button id="clearTask" >清空任务</button>
		</div>
		<hr />
		<div id="tasks"></div>
	</div>
	<script src="popup.js"></script>
  </body>
</html>